
function GetQueryString(name) {
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if(r!=null)return  unescape(r[2]); return null;
}

var literatureId = GetQueryString("literatureId");

init();

function init(){
    queryLiteratureDetail(literatureId);
}

function queryLiteratureDetail(literatureId){
    $.ajax({
        url: prefixUrl + "literature/getliterature",
        type: "post",
        data: JSON.stringify({literatureId: literatureId}),
        contentType: "application/json;",
        success: function (data) {
            literatureData = data.data;
            console.log(data);
            var detail = data.data;

            $("#literatureName").val(detail.literatureName);
            $("#literatureDesc").val(detail.literatureDesc);
            if(detail.fileUrl !=null && detail.fileUrl != ""){
                getLunBo(detail.fileUrl);
            }  else{
                getLunBo("");
            }
        }
    })
}

function getLunBo(lunboImgUrl){
    lunboImgesUrl = lunboImgUrl;

    var lunboImgList = lunboImgUrl.split(",");

    lunboHtml = "";
    for(var i=0; i<lunboImgList.length-1; i++){
        var imgUrl = "";
        if(lunboImgList[i] != null && lunboImgList[i].indexOf("/") != -1){
            imgUrl = lunboImgList[i].split("/");
            imgUrl = imgUrl[imgUrl.length-1];
        }
        var imgUrl = imageUrl + lunboImgList[i];
        console.log(lunboImgList[i]);
        lunboImgList[i].replace(/^\s+|\s+$/g, '');
        lunboHtml = lunboHtml
            +'<section class="up-section" href="#pic_one">'
            +'<img id="img_' + i + '" class="up-img" src="'
            +lunboImgList[i]
            +'" onclick=setImage("'+lunboImgList[i] +'")>'//onclick=showBigImg("' + lunboImgList[i] + '",' + i + ')
            +'<p class="img-name-p">'
            +imgUrl
            +'</p><input id="taglocation" name="taglocation" value="" type="hidden">'
            +'<input id="tags" name="tags" value="" type="hidden">'
            +'</section>';
    }
    lunboHtml = lunboHtml
        +'<section class="z_file fl">'
        +'<img src="img/a11.png" class="add-img">'
        +'<input type="file" name="file" id="file" class="file" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" multiple />'
        +'</section>';
    $("#lunbo").html(lunboHtml);
    $('.up-section img').zoomify();

    addFileChange();
}

function setImage(imageUrl){
    $("#maxImage").attr("src",imageUrl);
}

function showBigImg(imgUrl,index){
    console.log(index);
    console.log($('#img_' + index));
}

function addFileChange() {
    var delParent;
    var imagesUrl;
    var defaults = {
        fileType         : ["jpg","png","bmp","jpeg"],   // 上传文件的类型
        fileSize         : 1024 * 1024 * 10                  // 上传文件的大小 10M
    };
    /*点击图片的文本框*/
    $(".file").change(function(){
        var idFile = $(this).attr("id");
        var file = document.getElementById(idFile);
        var imgContainer = $(this).parents(".z_photo"); //存放图片的父亲元素
        var fileList = file.files; //获取的图片文件
        var input = $(this).parent();//文本框的父亲元素
        var imgArr = [];
        //遍历得到的图片文件
        var numUp = imgContainer.find(".up-section").length;
        var totalNum = numUp + fileList.length;  //总的数量
        if(fileList.length > 5 || totalNum > 5 ){
            alert("上传图片数目不可以超过5个，请重新选择");  //一次选择上传超过5个 或者是已经上传和这次上传的到的总数也不可以超过5个
        }
        else if(numUp < 5){
            fileList = validateUp(fileList);
            for(var i = 0;i<fileList.length;i++){
                var imgUrl = window.URL.createObjectURL(fileList[i]);
                imgArr.push(imgUrl);
                var $section = $("<section class='up-section fl loading'>");
                imgContainer.prepend($section);
                var $span = $("<span class='up-span'>");
                $span.appendTo($section);

                var $img0 = $("<img class='close-upimg'>").on("click",function(event){
                    event.preventDefault();
                    event.stopPropagation();
                    $(".works-mask").show();
                    delParent = $(this).parent();
                });
                $img0.attr("src","img/a7.png").appendTo($section);
                var $img = $("<img class='up-img up-opcity'>");
                $img.attr("src",imgArr[i]);
                $img.appendTo($section);
                var $p = $("<p class='img-name-p'>");
                $p.html(fileList[i].name).appendTo($section);
                var $input = $("<input id='taglocation' name='taglocation' value='' type='hidden'>");
                $input.appendTo($section);
                var $input2 = $("<input id='tags' name='tags' value='' type='hidden'/>");
                $input2.appendTo($section);

            }
        }
        setTimeout(function(){
            $(".up-section").removeClass("loading");
            $(".up-img").removeClass("up-opcity");
        },450);
        numUp = imgContainer.find(".up-section").length;
        if(numUp >= 5){
            $(this).parent().hide();
        }
    });



    $(".z_photo").delegate(".close-upimg","click",function(){
        $(".works-mask").show();
        delParent = $(this).parent();
    });

    $(".wsdel-ok").click(function(){
        $(".works-mask").hide();
        var numUp = delParent.siblings().length;
        if(numUp < 6){
            delParent.parent().find(".z_file").show();
        }
        var imgName = delParent[0].textContent;
        var lunboImageList = lunboImgesUrl.split(",");
        imageUrls = "";
        if(lunboImageList.length > 0){
            for(var i=0; i<lunboImageList.length; i++){
                console.log(imgName);
                var lunbo = lunboImageList[i];
                if(lunbo != "" && lunbo.indexOf(imgName) == -1){
                    imageUrls = imageUrls + lunbo + ",";
                }
            }
        }
        lunboImgesUrl = imageUrls;
        delParent.remove();
    });

    $(".wsdel-no").click(function(){
        $(".works-mask").hide();
    });

    function validateUp(files){
        var arrFiles = [];//替换的文件数组
        for(var i = 0, file; file = files[i]; i++){
            //获取文件上传的后缀名
            var newStr = file.name.split("").reverse().join("");
            if(newStr.split(".")[0] != null){
                var type = newStr.split(".")[0].split("").reverse().join("");
                if(jQuery.inArray(type, defaults.fileType) > -1){
                    // 类型符合，可以上传
                    if (file.size >= defaults.fileSize) {
                        alert(file.size);
                        alert('您这个"'+ file.name +'"文件大小过大');
                    } else {
                        // 在这里需要判断当前所有文件中
                        var formData = new FormData();
                        formData.append('file', file);
                        saveLunBoPic(formData);
                        arrFiles.push(file);
                    }
                }else{
                    alert('您这个"'+ file.name +'"上传类型不符合');
                }
            }else{
                alert('您这个"'+ file.name +'"没有类型, 无法识别');
            }
        }
        return arrFiles;
    }
}